<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
            60% {-webkit-transform: translateY(-15px);}
            }

            @-moz-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
            40% {-moz-transform: translateY(-30px);}
            60% {-moz-transform: translateY(-15px);}
            }

            @-o-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
            40% {-o-transform: translateY(-30px);}
            60% {-o-transform: translateY(-15px);}
            }
            @keyframes bounce {
                0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-30px);}
            60% {transform: translateY(-15px);}
            }

            .bounce {
                -webkit-animation-name: bounce;
                -moz-animation-name: bounce;
                -o-animation-name: bounce;
                animation-name: bounce;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
            }
            
            .triangulo:after {
                width: 50px;
                background-color: red;
                content: "";
                display: block;
                border-style: solid;
                border-width: 9.5px 0 9.5px 17px;
                border-color: transparent transparent transparent rgba(240, 240, 240, 1);
            }

        </style>
    </head>

    <body>
        <div class="animated bounce triangulo"></div>
    </body>
</html>
